<!--<template>-->
<!--  Home {{ countStore.count }} {{ $t('home-hello') }} {{ base_url }}-->
<!--  <el-button @click="changeLocale(getLocaleParams())">click</el-button>-->
<!--  <el-button @click="handleScroll">click</el-button>-->
<!--  <div class="wrapper" ref="wrapper">-->
<!--    <div class="content">1111</div>-->
<!--    <div class="content">2222</div>-->
<!--  </div>-->
<!--</template>-->

<!--<script setup lang="ts">-->
<!--import { computed, ComputedRef, ref } from 'vue'-->
<!--import useCountStore from '@/store/modules/useCountStore.ts';-->
<!--import useLocale from "@/hooks/useLocale.ts";-->
<!--const countStore = useCountStore()-->
<!--const { changeLocale, getLocaleParams } = useLocale()-->
<!--const base_url: ComputedRef<string> = computed(() => import.meta.env.VITE_BASE_URL)-->
<!--const wrapper = ref()-->
<!--const handleScroll = () => {-->
<!--  wrapper.value.scrollTo({ top: 1000, behavior: 'smooth' })-->
<!--  console.log(wrapper.value.scrollHeight / 2)-->
<!--}-->
<!--console.log(import.meta.env.VITE_BASE_URL)-->
<!--</script>-->

<!--<style lang="scss" scoped>-->
<!--.wrapper {-->
<!--  width: 500px;-->
<!--  height: 500px;-->
<!--  border: 1px solid red;-->
<!--  overflow-y: auto;-->
<!--  &::-webkit-scrollbar {-->
<!--    display: none;-->
<!--  }-->
<!--  .content {-->
<!--    width: 200px;-->
<!--    height: 1000px;-->
<!--  }-->
<!--}-->
<!--</style>-->

<template>
  11111 {{ name }}
  <div v-html="edit"></div>
  <Child v-model="name" ref="child" />
  <el-button @click="handleClick">click</el-button>
  <MyEditor v-model="edit" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
import Child from "@/views/Child.vue"
import MyEditor from "@/views/MyEditor.vue"
const name = ref<string>('')
const edit = ref<string>('')
const child = ref()

const handleClick = () => {
  if (child.value)
    child.value.changeLog()
}
</script>